import React from 'react';
import { List, InputItem, Button,TextareaItem, WhiteSpace } from 'antd-mobile';
import './index.less';
import PropTypes from 'prop-types';
import {getUrlParams} from 'UTIL/commonUtil';
import CommonHeader from 'COMPONENT/CommonHeader';
// ========================================
class ViewOrder extends React.Component {
	static contextTypes = {
        router: PropTypes.object.isRequired
    }
    constructor (props) {
        super(props);
        this.state = {
            refundType: '现金退款',
            refundMoney: '12324.00',
        };
    }

    btnClick=()=>{
        //跳转下个页面
        this.context.router.push({
			pathname: '/RentQuery'
        })
    }

    render() {
        
        return (
            <div className="refund_apply">
                <CommonHeader
                    name='退款申请'
                    leftContentTitle="@back"
                />
                <div style={{paddingTop: '45px'}}></div>
                <div className="form_body">
                    <List>
                        <InputItem defaultValue={this.state.refundType} editable={false}>退款类型</InputItem>
                        <InputItem defaultValue={this.state.refundMoney} editable={false}>退款金额</InputItem>
                    </List>
                </div>
                 
                <List style={{paddingTop:'0.3rem'}}>
                        <TextareaItem 
                            title="退款理由"
                            autoHeight
                            labelNumber={5}
                        />
                        <TextareaItem
                            rows={5}
                            placeholder="请输入退款理由"
                        />
                </List>

                {/*<div className="hmd_apply_btn">*/}
                    {/*<Button type="primary" inline className="form_btn" onClick={this.btnClick}>提交申请</Button>*/}
                {/*</div>*/}
                <WhiteSpace size="lg" />
                <div className="btnGroup-one">
                    <Button type="primary" className="btnGroup-one-btn" onClick={this.btnClick}>提交申请</Button>
                </div>

            </div>
            
        );
    }
}
// ========================================
export default ViewOrder;